﻿<html>
<head>
    <link href='prettify.css' rel='stylesheet' type='text/css'/> 
    <script src="prettify.js" type="text/javascript"></script> 
	<script src="jquery-1.5.1.min.js" type="text/javascript"></script> 
    <script src="jquery-ui-1.8.11.min.js" type="text/javascript"></script> 
	<link href="jquery-ui-1.8.11.css" type="text/css" rel="Stylesheet" />
    <script type="text/javascript">
        $(document).ready(function () {
            $("table tbody tr").hover(
				function () {
				    $(this).addClass('hover');
				},
				function () {
				    $(this).removeClass('hover');
				}
			);

            $("#codeSnippetSample").dialog({
                autoOpen: false,
                modal: true,
                minWidth: 900,
                width: 900,
                buttons: {
                    Ok: function () {
                        $("#codeSnippetSample").html("<i>Oops, nothing to show here</i>");
                        $(this).dialog("close");
                    }
                }
            });

            prettyPrint();
        });

        function showCodeSample(codeSampleId) {
            var htmlSnippet = $("#" + codeSampleId).html();
            $("#codeSnippetSample").html(htmlSnippet);
            $("#codeSnippetSample").dialog("open");
        }
    </script>
	<style type="text/css">
		table tbody tr.hover { 
			background:#EEE; 
			cursor: pointer; 
		} 
	
		.footer{
			color: #999;
			display: block;
			margin-top: 25px;
			width:100%;
			text-align:center;
		}
	
		table{
			margin: 1em 0 0 1px;
			border: 1px solid;
			border-spacing: 0;
			border-collapse: collapse;
			clear: right;
			border-color: #BBB;
			line-height:125%;
		}
		
		th{
			font-weight: bold;
			text-align: left;
			padding: 6px 12px;
			border: 1px solid #BBB;
			background-color: #E5ECF9;
		}
		
		td{
			padding: 6px 12px;
			border: 1px solid #BBB;
			text-align: left;
			vertical-align: top;
		}
	
		.titleCol{
			width:20%
		}
		
		.shortcutCol{
			width:15%
		}
		
		.authorCol{
			width:15%
		}
		
		.lastModifiedCol
		{
			width:15%;
		}
	</style>
</head>
<body>
<div id="codeSnippetSample" title="Code Sample">
    <i>Oops, nothing to show here</i>
</div>


    <h1>Visual Studio Code Snippets Doc</h1>
        $content$

<div class="footer">
	Generated by SnippetDoc at $generationDate$<br /> 
    Brought to you by Juri Strumpflohner&nbsp;|&nbsp;<a href="http://blog.js-development.com">Blog</a>&nbsp;|&nbsp;<a href="http://twitter.com/juristr">Twitter</a>
</div>    
</body>
</html>